.bg1{background-color: #009999;}
.bg2{background-color: #ee7700;}
.bg3{background-color: #f8b500;}
a:link,a:visited{text-decoration: none;}

@media screen and (min-width:1024px) {
    .top-menu{padding: 0;font-size: 16px;background-color: #009999;}         
    .top-menu .navbar{padding: 0;}
    .top-menu .navbar-nav{justify-content:center;width:100%;} 
    .navbar-nav>li{height: 100%;position: relative;flex:1}
    .navbar-nav>li>a:link,.navbar-nav>li>a:visited{display: block;text-align: center;padding:15px 0;
        transform: perspective(1px) translateZ(0);white-space: nowrap;color:#fff;}
    .navbar-nav>li>a:hover,
    .navbar-nav>li:hover>a,
    .navbar-nav li.current-menu-item>a,
    .navbar-nav li.current-menu-parent>a,
    .navbar-nav li.current-post-ancestor>a,
    .navbar-nav li.active>a
    {color:#fff !important;background-color: #003399;} 

    .navbar-nav>li:not(:last-child){border-right: 1px solid #ccc;}
    /* .navbar-nav>li:not(:last-child)::after{content: '';position: absolute;right: 0;top: 0;display: block;height: 55px;width:100%; */
        /* line-height: 55px;color:#ddd;} */

    .navbar-nav>li>.dropdown-menu{display: block;margin: 0;padding:0;border-radius: 0;border: none;min-width: 170px;
        transition: all ease .3s;transform: scaleY(0);transform-origin: 50% 0%;}
    .navbar-nav>li:hover>.dropdown-menu{transform: scaleY(1);}
    .navbar-nav>li>.dropdown-menu a:link,.navbar-nav>li>.dropdown-menu a:visited{color:#333;padding:10px;letter-spacing: 0;}    
    .navbar-nav>li>.dropdown-menu>a:not(:last-child){border-bottom: 1px solid #ddd;}
    .navbar-nav>li>.dropdown-menu>a:hover,
    .navbar-nav>li>.dropdown-menu>a.active,
    .navbar-nav>li>.dropdown-menu>a:active
    {background-color: #003399 !important;color:#fff;}
}

@media screen and (max-width:1023px) {
    .navbar-brand img{max-width: 250px;}
    .navbar-toggler{background-color: #009999;}
    .navbar-toggler .fa{color:#fff;}
    .top-menu .navbar-nav{background-color: #009999;}
    .top-menu .navbar-nav>li>a{padding:15px;border-bottom: 1px solid #ccc;color:#fff;}
    .top-menu .navbar-nav .dropdown-menu{margin: 0;padding: 0;border:none;border-radius: 0;background-color: #fafafa;}
    .top-menu .navbar-nav .dropdown-menu>a{padding:15px;border-bottom: 1px solid #ddd;}
}

.title{/*background-color: #009999;*/display: flex;justify-content: space-between;}
.title .tit1{font-size:18px;font-weight: bold;color:#fff;}
.title .more a:link,.title .more a:visited{color:#fff;}
.title .more a:hover{color: #000;}

ul.news{margin: 0;padding: 0;list-style-type: none;}
ul.news li{display: flex;margin-bottom: 15px;justify-content: space-between;}
ul.news li a:link,ul.news li a:visited{color:#666;}
ul.news li a:hover{color:#003399}
ul.news li .dt{font-size:14px;color:#999;}

.nb .text-wrap{min-height: 208px;font-size:28px;display: flex;justify-content: center;align-items: center;letter-spacing: 5px;}
@media screen and (max-width:767px) {
    .nb .text-wrap{min-height: 150px;}
    .nb-item-2{flex-direction: column-reverse;}
    ul.news li{display: block;}
}

#map-container{min-height: 330px;}

.footer{background-color: #009999;}
.footer a:link,.footer a:visited{color:#fff;}

.company-video,.company-video *{max-width: 100%;padding: 0;background-color: #000;}

.swiper-marquee{padding-bottom: 3rem;} 

/*******************************230425*********************************************/
.gaba{
    margin-right: 15px;
}
.gaba a{
    display: inline-block;
    vertical-align: top;
}
.gaba a img{
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.pro-tip{
    border: 1px solid #136ec2;
    padding: 10px 15px;
    color: #136ec2;
    font-size: 15px;
    margin-top: 20px;
}
.pro-tip h5{
    color: #136ec2;
    font-size: 17px;
}
.pro-tip p a{
    color:#d00;
    font-weight:700;
    margin: 0 3px;
}
#ind_products{
    padding: 1vw 0;
}
#ind_news{
    padding-top: 1vw;
}
#footer{
    margin-top: 2vw;
}
.ind_tit{
    margin-bottom: 1rem;
}
.search-form{
    padding: 20px 0;
	background-color: #f2f2f2;
}
.search-form .containe{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.searchform{
    position:relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    width: 40%;
}
.search-form select{
    height: 37px;
    border: 1px solid #ccc;
    padding: 0 15px;
}
.search-form input{
    width: calc(100% - 20px);
    line-height: 35px;
    border: 1px solid #ccc;
    padding: 0 10px
}
.search-form button{
    border: 0;
    background: #136ec2;
    position: absolute;
    right: 0;
    top: 0;
    font-size: 15px;
    cursor: pointer;
    color: #fff;
    width: 80px;
    height: 37px;
}
.search-form button:hover{
    background-color:#d3151a;
}
.search-form input:focus,
.search-form select:focus,
.search-form input:focus ~ select{
    border-color:#d3151a;
}
.search-form input:focus ~ button,

.search-form select:focus ~ button{
    background-color:#d3151a;
}
.inner_new li .text-wrap{
    padding-right:0;
}
.search-tip b{
    color:#333;
}
.cats-all{
    margin-bottom: 1rem;
}
.cats-all .tit{
    font-size: 1.0rem;
    font-weight: 700;
    color: #d3151a;
    display: inline-block;
    position: relative;
    background-color: #fff;
    line-height: 1.4;
    border-bottom: 2px solid #d3151a;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
ul.cats-fir{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
}
ul.cats-fir li{
    border-radius: 0.25rem;
    line-height: 2.4;
    border: 1px solid #d3151a;
    width: calc(19% - 10px);
    text-align: center;
}
ul.cats-fir li:hover{    
    background-color: #d3151a;    
}
ul.cats-fir li a{
    color:#d3151a;
    display:block;
}
ul.cats-fir li:hover a{
    color: #fff;
}
.hot-keys a{
    margin-right:10px;
}
#pro_pre .swiper-slide .big{
    height:12rem;
}
#pro_pre .swiper-slide a{
    position:relative;
    overflow: hidden;
}
#pro_pre .swiper-slide p{
    position: absolute;
    bottom: 0;
    background: #d3151a;
    width: 100%;
    color: #fff !important;
}
@media screen and (max-width:767px) {
    ul.cats-fir li{
        width: calc(32% - 10px);
    }
    .search-form .containe{
        flex-direction: column;
    }
    .searchform{
        width:100%;
    }
    .hot-keys{
        margin-bottom:10px;
    }
    #ind_banner .swiper-slide img {
        max-width: unset;
        margin-left: unset;
        width: 100%;
    }
}